Att arbeta med tillägget 
Elementor PRO i Wordpress 


med Jacob Blomqvist 


Hemsidor för kursdeltagarna 


Hemsida för kurstillfällena: 


Adress till din övningshemsida , 


lll Pagellng; "NEN NEN Ta MRS 


Hemsida för eget experimenterande (eller bygga en egen hemsida): 


Adress till din experimenthemsida 


fornamn 
ku pageline. JA dl lus e 


om ihåg mig 


Kurshemsidan 
Arbetsmaterialet ligger pà 


http://www.pageline.se. 


Klicka pä Kursmaterial, WordPress Fortsättning och sedan 


pä För deltagare. Lösenordet är 


-lementors sitekomponenter 


Sidhuvud (header) 


Sida (page) Inläggssida (single) 


Sidfot (footer) 


okapa en (bred) sida 


inställningar 


+ Allmänna inställningar 


Rubrik 


Elementors widgetar 


Status Publicerat Y 

Utvald bild 

Dólj rubrik 

Sidlayout Elementor tullbredd ` Standard gör ingenting 3 
5 LJ 


Kanvas tar hela 
fönsterytan i anspråk 
(inget sidhuvud) och 
Fullbredd utesluter 
sidokolumner (men inte 
sidhuvud), vilket är mest 
praktiskt. 


3 


5^ Inlägg 


Alla inlägg 


1. Skapa nytt inlägg 


Skapa nytt inlägg 


—P Inlägg skapa nytt 


Alla (43) | Publicerade (43) | Papperskorg (17) 
Välj åtgärd... Y | Verkställ Alla datum 
Titel 


Sed temporibus ut a 


Laborum et similique sequi 


Porro et quis qui ex et 


Skapa inlägg 


Alla kategorier Y | Filtrera 


L | 


Författare Kategorier 
student21 gubbe 
student21 gubbe 
student21 gubbe 
Publicera ^ 


2. Ge Titel 


Q; Lägg till media 


Antal ord: 0 


Spara utkast Förhandsgranska 


9 Status: Utkast Redigera 


®© Synlighet: Offentlig Redigera 


(i) Publicera direkt Redigera 
Visuellt Text 


= 5. Publicero 


Format ^ 


*) ^ Standard 
Notering 
Bild 
Video 
Citat 
Lànk 
Galleri 


Ljud 


Kategorier A 
Alla kategorier Mest använda 


cyklist 


en 3. Tilldela Kategori 


Okategoriserade 


Utvald Bild ^ 


4. Ange Utvald Bild 


Ange utvald bild 


Presentation på hemsidan 


Single 


Ebitatiis molupta tistis 


Que doluptur sum acerias erum 
cone mil incto omni ab ium velecto 
berestent lab. 


okapa en sektion - och dela in den i kolumner 


2 . VÄLJ STURKTUR 


Dra widgegfhit 


En sektion 3. 
skapas 


r- Fullbredd 


Mest praktiskt: 


Redigera Sektion 


4. 


~ Layout 
Stráck sektion CC) 
1. Sträck sektion... 
Lär dig mer. 
Innehállsbredd | Fullbredd m ...Och välj 
2, ESA 
umnmellanrum Fullbredd i 
— ks ...Så fyller sidan hela 
webbläsarytan. 
Högerklicka för meny Högerklicka för men 
4 23 K 


Redigera Kolumn 


Redigera Sektion 


En (1) kolumn 


TEN Duplicera 


Duplicera 


Lägg till ny kolumn Tre (3) kolumner 


Kopiera 


Kopiera 


Inklistringsutseende 


Inklistringsutseende Aterställ stil 


Återställ stil 


Spara som mall 


Navigator Navigator 


Ta bort 


Gå över till Panelen 


(Dashboard) 


ELEMENT 
Sök widget. 


Kolumner 


Avdelning 


PRO ELEMENTS 


v 


Bildspel 


Lägg till widget i kolumn 


Visa widgetar 


Textredigerare 


Oy 


Knapp 


DDD 
000 


Portfolio 


Formulär 


E 


Nav Menu 


UPPDATERA 


Visa sidan 


2. 


w 


w 
D 


Redigera Bild 


Large - 1024 x 1024 


Ingen 


$ 


nnehäl 


* Bild 


Storlek (936) 


Transparens (% 


Hovringsanimation 


Kantsti Ingen 


Kantradie 


Ládskug 


Ya] 
D 


» Bildtext 


Rediaera Bild 


100 


5 


innehåll 


+ Elementstil 


Marginal 


Inre mellanrum 


Z-Index 0 


Ingångsanimation 


> Bakgrund 


» Kantlinje 


> Responsiv 


^ Custom CSS 


Redigera Bild 


E 


Redigera Bild 


Innehåll 


v Bild 


Välj bild Dynamisk & 


Bildstorlek Large - 1024 x 1024 v 
Justering 

Bildtext Ingen - 
Lànk Ingen ` 


t. » - = y UPPDATERA a 


Under Inneháll hittar man objektets 
grundläggande egenskaper, såsom storlek, 
justering, bildtext och länk. 


Redigera Bild 
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> Bild 


Bredd 


Maxbredd (96) 


Kantstil Ingen - 


Kantradie 


+ 


Lädskugga Lä 


> æ = UPPDATERA + 


Under Stil hittar man objektets utsmyckningar, 
till exempel genomskinlighet, rundade horn och 
annat. 


Redigera Bild 


$ 


Innehåll Stil 


+ Avancerat 
Marginal 
Padding 
Z-Index 

Dynamisk & 
CSS-ID 

Dynamisk Ë 
CSS-klasser 


» Scrolling Effect 


» Rérelseeffekter 


> Bakgrund 


» Kantlinje 


» Anpassad positionering 


» Responsiv 


» Attribut 


UPPDATERA + 


Under Avancerat hittar man objektets 
marginaler (både yttre och inre), låsning eller 
skrollning till fönstret, samt fixering på skärmen 
(Anpassad positionering). 


Vanliga widgetar 


Inre sektion delar upp en kolumn i tvà 
undepkolumner MIRO SEA 


GRUNDLAGGANDE 


Bild 
KIE Video lägger P) 
| till en länk till Video 

. Youtube (här 
; musikalen Chess) ES 

Avdelning 
Avdelning lägger in en 

gränslinje samt ett valbart EQ 


o i Google Maps 


Google Maps - skriv bara in adressen, 
så kommer kartan fram. Zooma till 


lämplig storlek. l gemmam n 


Rubrik lämplig att inleda en sida, eller en 
text med. Lágg bara óverst och centrera 
(eller hur du vill ha den). 


| cka på knappen redigera för att ändra seng Textredigerare som 
ext. Lorem ipsum dolor sit amet, consectetur SZ liknar Wordpress 
jadipiscing elit. Ut elit tellus, luctus nec u : 

[aaoo mattis, pulvinar dapibus leo | vanliga redigerare 


Knapp för länk 


m | 
Klicka här m : 


Ett valbart Mellanrum, i hójdled 


| 3 


Ikon lägg till en symbol (ikon) som en sorts 
rubrik eller avgränsare. Kan kopplas till en länk. 


"OR 8 


Widgetar för att presentera inlägg 


Inlägg 
Redigera Inlägg m Inlágg váljs fór att visa grupper av inlágg, n AEA a 
frän enstaka och fler. Här finns gott om f f 
instállningsmójlighetern men viktigast àr a 
Fråga (vilken eller vilka kategorier som ska NZ 
tillämpas) och antalet inlägg per rad samt (E 
sida. == 
Skal Klassisk v | 
Kolumner 2 ` 
Inlägg per sida 2 
Portfölj 
Redigera Portfölj Portfölj är ett sätt att visa inlägg n 
men i annan form. Fór óvrigt samma | 
4 s n grundinstállningar som Inlágg. | AA 
[PA | bw Laborum et similique sequi 
Kolumne! 2 - I 
Inlägg per sida 2 


EA Post Grid 
Redigera EA Post Grid EA Post Grid är ännu ett sätt att visa - 
inlägg (hör till tillägget Essential Addons ^ | 
for Elementor). Di ^ 


Occaecati rerum 
voluptatem aut laboriosam 


Quas et sit quae nam aspernatur 
E met taque 


Laborum et similique 
sequi 
Rem ea aliquam odt event minus in 


Sebra, 2018 


Source Inlägg ` 


EA Post Timeline 

EA Post Timeline är, slutligen, även det 
ett sätt att visa inlägg (hör till tillägget 
Essential Addons for Elementor). 


Redigera EA Post Timeline 


SED TEMPORIBUS UT A. LABORUM ET SIMILIQUE SEQUI. (e) 


Source Inlägg ° 


Mallar I Elementor 


Sparade mallar Lágg till | Importera mallar Sida 
IB Elementor i 


Sparade mallar Sida Section Global Widget 
E Mallar E z Sektion 
Alla (5) | Publicerade (4) | Utkast (1) | Papperskorg (5) 
Välj åtgärd... Y | Verkställ Alla datum Y Alla kategorier Y | Filtrera 
Titel Typ Instances 
Arkiv test 2 — Utkast Sida None 
Titel Typ Instances 
Välj åtgärd... Y | Verkställ 
Vi ska bygga: 
e Header 
e Footer 7 
š Theme Builder Lägg till Importera mallar 
e Single 
e Archive 
Theme Builder Header Footer Single Archive Header/ : i 
Footer Single Archive 


Vi bygger sedan sidor Alla (5) | Publicerade (4) | Utkast (1) | Papperskorg (5) [.  —— Ebitatils mott EET Ebitatiis molupta tistis 
pta tistis 
utan att fórst skapa Välj åtgärd... Y | Verkställ Alla datum Y Alla kategorier Y | Filtrera atkal 


H mil incto omni. 
mallar (direkt med Titel Typ ab ium velecto 
sektionen, kolumner och berestent lab. 


funktioner: widgetar). Arkiv fjärilar jina 


Temporest eate porenit 


Et aspernam sitam 
volupiciande sit, 
qui blamuscim 
Arkiv 3 Archive berestent lab. rescid et pel 


maximaio. 


Que doluptur sum acerias erum 
cone mil incto omni ab ium velecto 


Vidi adignim illoreri 


Et aut etur sita sae 


Sidhuvud x Header peri cuptur andae 
idenem aut lautem 


cullendignis evel 
[ ë] mmt 


12345 


inlággsmall 2 Single 


Titel Typ 
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Elementor I översikt 


Sidan byggs upp av sektioner m Inläggens utformning styrs med...) Mallar 
Sektionerna delas upp i kolumner e Sida 
Kolumnerna kan fyllas med widgetar Singel-mall e Inlägg 
e Singel 
e Arkiv 
e Sidhuvud 
e Sidfot 


Sektion 
Kolumner 
Widget 


Sidhuvud 


Sida 


innehåll 


För statiskt ————— == 
———M— 
= 
s======= 
a 
———qu—nr— 


Arkiv-mall 
Innehåll/Layout Stil Avancerat 
Placering, Bakgrund, ^ Marginaler, Sidfot 
bredd, höjd | dekorbild, ^ animatio- (t ex adress) w po 
kantlinje Her — == === 
Vertikalt, 
Kolumner horisontellt 
Bild, text [| õÕwWõÕwõjÖa(M Õõ 
(Nägra exempel) 
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